﻿<%@ page language="java" contentType="text/html; charset=utf-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="jdy" uri="http://www.qwe.com.cn/tags" %>
<%
	String path = request.getContextPath();
	request.setAttribute("path", path);
%>
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=drvice-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
 <title>五天情侣-来一场爱情时间赛</title>

<link rel="stylesheet" type="text/css" href="${path}/css/cntl.css">

</head>
<body>
<div class="jq22-container">	
	<div class="cntl">
		<span class="cntl-bar cntl-center">
			<span class="cntl-bar-fill"></span>
		</span>

		<div class="cntl-states">
			
			
		
		
			<c:forEach var="list" items="${list}" >
			
					<div class="cntl-states">
							<div class="cntl-state">
							<div class="cntl-content">
								<h4>${list.title}</h4>
								<p>${list.introduce}
								</p>
							</div>
			
							<div class="cntl-image"><img src="${list.imgurl}"></div>
							<div class="cntl-icon cntl-center">${list.wtime}</div>
						</div>
					</div>
		
			</c:forEach>
			</div>
	</div>

</div>

<script type="text/javascript" src="${path}/js/jquery.min12.js"></script>
<script type="text/javascript" src="${path}/js/jquery.cntl.js"></script>
<script type="text/javascript">
	$(document).ready(function(e){
		$('.cntl').cntl({
			revealbefore: 300,
			anim_class: 'cntl-animate',
			onreveal: function(e){
				console.log(e);
			}
		});
	});
</script>

<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>
</body>
</html>
